<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link rel="stylesheet" type="text/css" href="http://unpkg.com/iview/dist/styles/iview.css">

</head>
<body>
<div id="app">
  <template>
    <i-button>Default</i-button>
    <i-button type="primary">Primary</i-button>
    <i-button type="ghost">Ghost</i-button>
    <i-button type="dashed">Dashed</i-button>
    <i-button type="text">Text</i-button>
    <br><br>
    <i-button type="info">信息按钮</i-button>
    <i-button type="success">成功按钮</i-button>
    <i-button type="warning">警告按钮</i-button>
    <i-button type="error">错误按钮</i-button>
    <i-button type="primary" shape="circle" icon="ios-search"></i-button>
    <i-button type="primary" icon="ios-search">搜索</i-button>
    <i-button type="primary" shape="circle" icon="ios-search">搜索</i-button>
    <i-button type="primary" shape="circle">圆角按钮</i-button>
    <br><br>
    <i-button type="ghost" shape="circle" icon="ios-search"></i-button>
    <i-button type="ghost" icon="ios-search">搜索</i-button>
    <i-button type="ghost" shape="circle" icon="ios-search">搜索</i-button>
    <i-button type="ghost" shape="circle">圆角按钮</i-button>
  </template>
</div>
<script type="text/javascript" src="http://vuejs.org/js/vue.min.js"></script><!-- vue 2.x系列最新版本的支持 -->
<script type="text/javascript" src="http://unpkg.com/iview/dist/iview.min.js"></script>
<script>
  var Main = {}
  var Ctor = Vue.extend(Main)
  new Ctor().$mount('#app')
</script>

</body>
</html>
